<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<div class="table-responsive">
    <div th:if="${#lists.isEmpty(dataMap['list'])}">
        <div class="noDataTipsBox">
            <p><span class="c-4e fs16">亲，还没有数据~~~</span></p>
        </div>
    </div>
    <div th:if="!${#lists.isEmpty(dataMap['list'])}">
        <div class="row wrapper-content">
            <section class="col-sm-12 demand-list__wrap">
                <div class="file-box" th:each="cloud : ${dataMap['list']}">
                    <div class="file">
                        <span class="corner"></span>
                        <div class="icon clearfix pr">
                            <i class="fa" th:classappend="${#strings.equals(cloud['file_type'],'1')} ? 'fa-film' : 'fa-music'" th:title="${#strings.equals(cloud['file_type'],'1')} ? '视频' : '音频'"></i>
                            <aside class="pull-right">
                                <span class="badge" th:text="${cloud['status']}"></span>
                            </aside>
                        </div>
                        <div class="file-name">
                            <div class="demand-file-name">
                                <span th:text="${#strings.equals(cloud['file_type'],'1')} ? '[视频] ' : '[音频] '"></span>
                                <span th:text="${cloud['name']}"></span>
                            </div>
                            <div class="demand-file-code mt5" th:title="${cloud['id_varchar']}">
                                <small th:text="'播放码：'+${cloud['id_varchar']}"></small>
                            </div>
                            <div class="demand-file-attr mt5" th:attrappend="data-name=${cloud['name']},data-varchar=${cloud['id_varchar']}">
                                <small>上传时间：<span th:text="${#strings.substring(cloud['createTime'],0,10)}"></span></small>
                                <small class="ml5">时长：<span th:text="${cloud['duration']}"></span></small>
                                <span class="pull-right">
                                    <a href="javascript:void(0);" class="c-master fs14" data-toggle="tooltip" data-placement="bottom" data-original-title="预览"><i class="fa fa-eye"></i></a>
                                    <a href="javascript:void(0);" class="c-master fs14 ml5" data-toggle="tooltip" data-placement="bottom" data-original-title="删除"><i class="fa fa-trash"></i></a>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
    <!-- 分页，开始 -->
    <div data-th-replace="layout/adminPage"></div>
    <!-- 分页，结束 -->
</div>
</html>